<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>导航相关 - 页面元素</title>
	<link rel="stylesheet" href="../libs/layui/layui-2.9.14/dist/css/layui.css">
	<script src="../libs/layui/layui-2.9.14/dist/layui.js"></script>

</head>
<body style="margin: 100px;">

	<!-- 水平导航 -->
	<ul class="layui-nav" lay-filter="">
		<li class="layui-nav-item"><a href="">最新活动</a></li>
		<li class="layui-nav-item layui-this"><a href="">产品</a></li>
		<li class="layui-nav-item"><a href="">大数据</a></li>
		<li class="layui-nav-item">
		  <a href="javascript:;">解决方案</a>
		  <dl class="layui-nav-child"> <!-- 二级菜单 -->
			<dd><a href="">移动模块</a></dd>
			<dd><a href="">后台模版</a></dd>
			<dd><a href="">电商平台</a></dd>
		  </dl>
		</li>
		<li class="layui-nav-item"><a href="">社区</a></li>
	  </ul>

	  <br/>
	  <br/>
	  <!-- 面包屑 -->
	  <span class="layui-breadcrumb" lay-separator="|">
		<a href="">首页</a>
		<a href="">国际新闻</a>
		<a href="">亚太地区</a>
		<a><cite>正文</cite></a>
	  </span>
			
	  <script>
	  //注意：导航 依赖 element 模块，否则无法进行功能性操作
	  layui.use('element', function(){
		var element = layui.element;
		
		//…
	  });
	  </script>

</body>

</html>